@CHARSET "ISO-8859-1";

body {
	font-size: 11px;
}

p {
	padding: 0em 0em 0em 0em;
}

h2 {
	color: #2779AA;
	font-weight: bold;
	font-size: 1.5em;
	padding: 0em 0em 0em 0em;
	margin: 4px 0px 0px 0px;
}

a { 
	cursor: pointer; color: #2779AA; 
}

a:hover,a.hover { 
	text-decoration: underline; 
}

table {
	font-size: 100%;
}

table td {

}

th.sort-header {
	cursor:pointer;
	font-size: 120%;
}
  
th.sort-header::-moz-selection,
th.sort-header::selection {
	background:transparent;
}

table th.sort-header:after {
	content:'';
	float:right;
	margin-top:7px;
	border-width:0 4px 4px;
	border-style:solid;
	border-color:#404040 transparent;
	visibility:hidden;
}

table th.sort-header:hover:after {
  	visibility:visible;
}

table th.sort-up:after,
table th.sort-down:after,
table th.sort-down:hover:after {
  	visibility:visible;
  	opacity:0.4;
}
  
table th.sort-up:after {
	border-bottom:none;
  	border-width:4px 4px 0;
}

.account-error {
	background-color: red;
}

.click-link, .submit-account-refresh, .open-reminders-dialog {
	cursor: pointer;
	color: #2779AA;
	text-decoration: underline;
}

.open-budgets-dialog {
	cursor: pointer;
	color: #2779AA;
	text-decoration: underline;
}

.list {
	list-style: none;
	padding-left: 0px;
}

.dialogtable {
	width: 90%;
}

.alertprogress {

	background: rgb(250, 0, 0) url(../jquery-ui-1.9.2.custom/css/cupertino/images/ui-bg_highlight-soft_jmp.png) 50% 50% repeat-x; 
	color: rgb(250, 0, 0);
}

.alerttext {
	color: rgb(250, 0, 0);
	font-weight: bold;
}

.caption { 
	width: 30px; 
	margin: 0 auto;
	padding: 0em 1em 0em 1em;
	position: relative;
	left: 0%
}

.progressleft {
	float: left;
	padding: 0em 1em 0em 0em;
	position: relative;
	bottom:1px;	
}

.progressright {
	float: right;
	padding: 0em 1em 0em 0em;
	position: relative;
	bottom:1px;
}

.textleft {
	padding: 0em 1em 0em 0em;
	bottom:0px;	
	float: left;
}

.textright {
	padding: 0em 0em 0em 12em;
	bottom:0px;
}

.rewards-fees-right {
	float: right;
	position: relative;
	padding: 0em 0em 0em 0em;
	left: -80px;
	font-size: .8em;	
}

.sectionleft {
	padding: 0em 10em 0em 0em;
	bottom:0px;	
	float: left;
}

.sectionright {
	padding: 0em 0em 0em 0em;
	bottom:0px;
}

.section {
	padding: 0em 0em .5em .5em
}

.text {	
	color: #2779AA;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.3;
	font-size: 100%;
	list-style: none;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

.smalltext {	
	color: #2779AA;
	text-decoration: none;
	font-size: 80%;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

.contenttext {
	color: #2779AA;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.3;
	font-size: 100%;
	list-style: none;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;	
}

.page {
	height:870px;
}

.pageheader {
	width: 1040px;
	height: 40px;
	border-style: none;
	border-bottom: thin solid #2779AA;	
}

.menu {
	bottom: 1px;
	position: relative;
}

.leftbar {
	width: 250px;
	height: 100%;
	position: relative;
	margin-top: 0px;
	min-height: 1px;
	float: left;
	display: block;
	border-style: none;
	border-right: thin solid #2779AA;
	overflow: auto;
}

.mainbody {
	width: 789px;
	height: 100%;
	margin-top: 0px;
	margin-left: 10px;
	min-height: 1px;
	float: left;
	display: block;
	border-style: none;
	overflow: auto;
}

.bodycontent {
	width: 100%;
	height: 97%;
	min-height: 1px;
	float: left;
	display: block;
	clear:both;
	border-style: none;
}

.main {
	width: 100%;
}

.footer {
	width: 100%;
	margin-top: 1px;
	border-style: none;
	float: left;
	clear:both;
	border-top: thin solid #2779AA;
	text-align: center;
}

.clear {
	height: 10px;
	clear: both;
}

.trendsh2 {
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif;
font-size: 12px;
margin-top: 15px;
margin-left: 20px;
}

.trendsul {
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif;
height: 160px;
list-style-type: none;
margin-bottom: 30px;
margin-top: 30px;
padding-left: 0px;
position: relative;
text-align: left;
vertical-align: baseline;
width: 216px;
zoom: 1;
}

.bucket {
height: 160px;
position: absolute;
text-align: center;
z-index: 2;
}

.bucket-1 {
left: 0px;
}

.bucket-2 {
left: 33px;
}

.bucket-3 {
left: 66px;
}

.bucket-4 {
left: 99px;
}

.bucket-5 {
left: 132px;
}

.bucket-6 {
left: 165px;
}


.label1 {
color: rgb(102, 102, 102);
float: left;
font-size: 9px;
font-weight: 500;
margin-bottom: -20px;
position: relative;
text-transform: uppercase;
top: -20px;
width: 36px;
}

.debt {
background-color: rgb(219, 26, 35);
background-image: -webkit-linear-gradient(left, rgb(246, 127, 112), rgb(235, 59, 52));
border-bottom-color: rgb(219, 26, 35);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-left-color: rgb(219, 26, 35);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(219, 26, 35);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(219, 26, 35);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(0, 110, 164);
display: block;
margin-left: 8.5px;
position: relative;
text-decoration: none;
width: 14px;
}

.positive {
background-color: rgb(61, 157, 80);
background-image: -webkit-linear-gradient(left, rgb(148, 218, 82), rgb(47, 167, 54));
border-bottom-color: rgb(61, 157, 80);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-left-color: rgb(61, 157, 80);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(61, 157, 80);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(61, 157, 80);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(0, 110, 164);
cursor: pointer;
display: block;
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
height: 78.390625px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 8.5px;
margin-right: 8px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
text-align: center;
text-decoration: none;
top: 0%;
vertical-align: baseline;
width: 14px;
}

.top {
border-bottom-color: rgb(38, 44, 38);
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: collapse;
border-left-color: rgb(38, 44, 38);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(38, 44, 38);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(224, 222, 217);
border-top-style: solid;
border-top-width: 1px;
color: rgb(38, 44, 38);
display: block;
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
height: 19px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
text-align: right;
vertical-align: baseline;
width: 200px;
}

.top p {
border-bottom-color: rgb(102, 102, 102);
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: collapse;
border-left-color: rgb(102, 102, 102);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(102, 102, 102);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(102, 102, 102);
border-top-style: none;
border-top-width: 0px;
color: rgb(102, 102, 102);
font-size: 9px;
height: 12px;
line-height: 12.59375px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
right: -40px;
top: -7px;
vertical-align: baseline;
width: 200px;
}

.zero {
border-bottom-color: rgb(175, 167, 159);
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: collapse;
border-left-color: rgb(175, 167, 159);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(175, 167, 159);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(175, 167, 159);
border-top-style: solid;
border-top-width: 1px;
color: rgb(38, 44, 38);
display: block;
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
height: 19px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
text-align: right;
vertical-align: baseline;
width: 200px;
}

.zero p {
border-bottom-color: rgb(102, 102, 102);
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: collapse;
border-left-color: rgb(102, 102, 102);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(102, 102, 102);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(102, 102, 102);
border-top-style: none;
border-top-width: 0px;
color: rgb(102, 102, 102);
display: block;
font-size: 9px;
height: 12px;
line-height: 12.59375px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
right: -40px;
top: -7px;
vertical-align: baseline;
width: 200px;
}

.bottom {
border-bottom-color: rgb(224, 222, 217);
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-left-color: rgb(38, 44, 38);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(38, 44, 38);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(224, 222, 217);
border-top-style: solid;
border-top-width: 1px;
color: rgb(38, 44, 38);
display: block;
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
height: 19px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
text-align: right;
vertical-align: baseline;
width: 200px;
}

.bottom p {
border-bottom-color: rgb(102, 102, 102);
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: collapse;
border-left-color: rgb(102, 102, 102);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(102, 102, 102);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(102, 102, 102);
border-top-style: none;
border-top-width: 0px;
bottom: -12px;
color: rgb(102, 102, 102);
font-size: 9px;
height: 12px;
line-height: 12.59375px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
right: -40px;
}

.ticks {
border-bottom-color: rgb(38, 44, 38);
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: collapse;
border-left-color: rgb(38, 44, 38);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(38, 44, 38);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(38, 44, 38);
border-top-style: none;
border-top-width: 0px;
bottom: 0px;
color: rgb(38, 44, 38);
display: list-item;
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
height: 161px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
text-align: center;
vertical-align: baseline;
width: 25px;
z-index: 1;
}

.ticks div {
border-top-color: rgb(224, 222, 217);
border-top-style: solid;
border-top-width: 1px;
color: rgb(38, 44, 38);
display: block;
height: 19px;
position: relative;
text-align: right;
width: 200px;
}